<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 内部样式  style标签中间可以书写css样式
      语法：
       选择器{
          样式:值;
          样式:值;
       }

       选择器：指定你要设置样式的标签是哪些 
       该方式可以实现样式的复用，如果想要实现多个div不同的样式，需要学习不同的选择器
    -->
    <style>
        /* 选中所有div 设置样式 */
        /* div {
            color: red;
        } */
    </style>


<!-- 3.外部CSS文件 
 可以实现多个标签设置多个页面的样式复用 只需要引入即可
-->
<link rel="stylesheet" href="css/6.css">


</head>

<body>
    <!-- 1.内联样式（行内样式）直接在标签上使用style属性 
    style="样式:值;样式:值;" 样式 指的是CSS对html设置的表现形式
    只能给一个标签使用 复用性太差
-->
    <!-- <div style="color: pink;">hello,css!</div>
    <div style="color: pink;">hello,css!</div> -->


    <!-- 2.内部样式 见title下方 -->
    <div>hello,css!</div>
    <div>hello,css!</div>
    <div>hello,css!</div>
    <div>hello,css!</div>
    <div>hello,css!</div>

</body>

</html>